/* Cascading Style Sheet, Level 1 */ /* Add the following command in the section of your HTML file */ /* */ BODY { color: navy; overflow-wrap: break-word; background-color: #F7F7F7; } H1 H2 H3 H4 { font-family: garamond, arial, courier, helvetica; font-variant: small-caps; color: gray; } H1 { font-size: 150% } H2 { font-size: 125% } H3 { font-size: 110% } P.standout { text-indent: 0; font-size: 110%; color: red; } P.highmargin { margin-top:-25% } P.section { font-size: 125%; color: black; background: gray } li { padding: 2px; } A:link { color: teal; text-decoration: underline; background: transparent; border-style:none; } A:visited { color: navy; text-decoration: none; background: transparent; border-style:none; } A:active { color: white; text-decoration: none; background: gray; border-style:none; } IMG { color: gray ; } table { border: 1px; } table tr td { vertical-align: top; } /* C L A S S E S */ .button { border: 1px solid black; background: silver; padding: 5px 10px; color: navy; font-size: 14px; font-family: Georgia, serif; text-decoration: none; vertical-align: middle; } .buttonHighlight { border: 1px solid black; background: rgb(232, 229, 229); padding: 5px 10px; color: navy; font-size: 14px; font-family: Georgia, serif; font-weight: bold; font-variant: small-caps; text-decoration: none; vertical-align: middle; } .button:hover { background: navy; color: white; cursor: pointer; } .button:active { background: yellow; } .pagebreak { page-break-before: always; } .footnote { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-variant: small-caps; border: none #0066FF; font-size: 0.7em; } .headline { color: navy; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; font-variant: normal; text-decoration: underline; border: none #0066FF; font-size: 12px; } .highliter { background-color: #FFFF00; } .rounded-blue { border: 2px solid blue; border-radius: 12px; margin: 5px; padding: 5px; } .rounded-red { border: 2px solid red; border-radius: 12px; margin: 5px; padding: 5px; } .rounded-teal { border: 1px solid teal; border-radius: 12px; margin: 5px; padding: 5px; } .rubrics { border: .5px solid red; border-radius: 5px; color: #808000; font-size: smaller; font-style: italic; padding: 5px; width: fit-content; } .hideItem { display: none; } .showItem { display: block; } .standout { color: red; font-family: "BernhardMod BT"; font-size: 90%; font-weight: bold; } .standoutBlock { border-style:solid; border-width:thin; color: red; font-family: "BernhardMod BT"; font-size: 90%; margin-left:auto; margin-right:auto; width:80%; } .tiny { font-size: 80%; font-variant: small-caps; font-weight: bold; } .titleHeadline { border: none #0066FF; color: #808000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: italic; font-variant: small-caps; font-weight: bold; } .titleHeadlineLarge { border: none #0066FF; color: #808000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 28px; font-style: italic; font-variant: small-caps; font-weight: bold; } .util { padding: 5px; border-radius: 15px; border-style: solid; border-width: 1px; border-color: black; display: block; margin-left: auto; margin-right: auto; width: 40%; } .Jesus { color: navy; font-size: 105%; font-variant: small-caps; text-shadow: 1px 1px 2px rgba(0,0,0,0.4); margin: 1px; } .scripture { font-size: 95%; font-style: italic; color: #B22222; } .quote { font-size: 95%; font-style: italic; } .reference { font-size: 95%; font-variant: small-caps; font-style: italic; } /* I D */ #datepicker { text-align: center; } #searchInput { width: 100%; padding: 10px; margin: 1px 0 20px 0; border: 1px solid #ccc; border-radius: 4px; } #introduction { max-width:80%; margin:0 auto 1.5em auto; padding:1em 1.5em; background:#f8f8f0; border-radius:8px; border:1px solid #ddd; }